<header class="flex-between">
  <app-tab-menu [menus]="menuList"></app-tab-menu>

  <div class="user-container">
    <div class="input-container">
      <input nbInput shape="round" [fullWidth]="true" style="padding-left: 40px;">
      <nb-icon icon="search-outline"></nb-icon>
    </div>

    <div *ngIf="!userName; else user;" class="icon-container flex-center">
      <nb-icon icon="person"></nb-icon>
    </div>
    <ng-template #user>
      <nb-user [name]="userName" [onlyPicture]="true"></nb-user>
    </ng-template>
  </div>
</header>

<aside style="width: 352px; float: right">
  <app-list-panel></app-list-panel>
</aside>

<router-outlet></router-outlet>
